.BEST-external-section {
  margin: min(2rem, 4vw) auto;
  padding-top: 1rem;

  width: 90vw;
  max-width: 80rem;

  display: flex;
  flex-wrap: wrap;
  gap: min(2rem, 4vw);
  justify-content: space-around;
  align-items: center;
}

.external-s__btn {
  padding: min(1.5rem, 3vw) min(3rem, 6vw);

  border-radius: min(1.5rem, 3vw);
  background-color: var(--accent-clr);
  box-shadow: 0.375rem 0.25rem 0.5rem 0.125rem rgba(0, 0, 0, 0.2);

  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: min(1.25rem, 3vw);
  font-weight: 600;
  letter-spacing: 0.2rem;
  color: white;

  /* animations for changing button brightness and size */
  transition: transform 0.3s ease-in-out;
}

.external-s__btn:hover,
.external-s__btn:focus {
  background-color: var(--primary-clr);

  transform: scale(1.05);
}

@media only screen and (max-width: 450px) {
  /* .BEST-external-section {
    width: 95%;
  } */

  .external-s__btn {
    /* padding: 1.125rem 1.75rem; */

    /* font-size: 1.125rem; */
  }
}